<template>
    <div class="app-container">
      <div class="app-box-nav">
      <!-- <doc-alert title="工作流" url="https://doc.iocoder.cn/bpm" /> -->
  
      <!-- 搜索工作栏 -->
      <!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="72px">
        <el-form-item label="流程名" prop="name">
          <el-input v-model="queryParams.name" placeholder="请输入流程名" clearable @keyup.enter.native="handleQuery"/>
        </el-form-item>
        <el-form-item label="创建时间" prop="createTime">
          <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
                          range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
          <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
        </el-form-item>
      </el-form>
   -->
      <!-- 列表 -->
      <el-table v-loading="loading" :data="list" :border="true">
        <el-table-column label="审批编号" align="center" prop="approvalNumber" width="320" >

          <template slot-scope="scope">
            <span class="a-hover" @click="handleAudit(scope.row)">{{ scope.row.approvalNumber}}</span>
          </template>

        </el-table-column>
        <el-table-column label="主题" align="center" prop="topic" />
        <el-table-column label="传阅人" align="center" prop="creatorName" width="320" />
        <el-table-column label="创建时间" align="center" prop="createTime" />

      </el-table>
      <!-- 分页组件 -->
      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                  @pagination="getList"/>
  
    </div>
  </div>
  </template>
  
  <script>

  
  export default {
    name: "Todo",
    components: {
    },
    data() {
      return {
        // 遮罩层
        loading: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 待办任务列表
        list: [],
        // 查询参数
        queryParams: {
          pageNo: 1,
          pageSize: 10,
          name: null,
          createTime: []
        },
      };
    },
    created() {
      this.getList();
    },
    methods: {
      /** 查询列表 */
      getList() {
        this.loading = true;
        // 处理查询参数
        getCarboncopyTaskPage(this.queryParams).then(response => {
          this.list = response.data.list;
          this.total = response.data.total;
          this.loading = false;
        });
      },
      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNo = 1;
        this.getList();
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.resetForm("queryForm");
        this.handleQuery();
      },
      /** 处理审批按钮 */
      handleAudit(row) {
        this.$router.push({ path: "/bpm/process-instance/detail", query: { id: row.processInstanceId}});
      },
    }
  };
  </script>
  